<template>
    <div _tmplitem="2" class="dv-full-screen-container" :style="css">
        <div _tmplitem="2" style="position: absolute;width:1920px;height:1080px;background-color:rgb(43 44 45);" class="div-full-screen">
            <div _tmplitem="2" class="bigitem" title="模拟航线" style="top: 216px; left: 444px; width: 1104px; height: 594px; transform: translate(0px, 0px); z-index: 101;">
                <div _tmplitem="2" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="1" ref="sel170849924746897" mapcity="china,120000" mapcode="china" :options="fromData.sel170849924746897"></myechart>
                </div>
            </div>
        </div>
        <fromdialog _tmplitem="2" ref="reffromdialog"></fromdialog>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                "w": 1920,
                "css": "",
                "h": 1080,
                "bg": "http://localhost:8084",
                "bgColor": "rgb(43 44 45)",
                "fromData": {
                    "sel170849924746897": {
                        "backgroundColor": "#000",
                        "title": {
                            "text": "模拟航线",
                            "subtext": "数据纯属虚构",
                            "left": "center",
                            "textStyle": {
                                "color": "#fff"
                            }
                        },
                        "tooltip": {
                            "trigger": "item"
                        },
                        "legend": {
                            "orient": "vertical",
                            "top": "bottom",
                            "left": "right",
                            "data": ["西安 Top3", "西宁 Top3", "银川 Top3"],
                            "textStyle": {
                                "color": "#fff"
                            },
                            "selectedMode": "multiple"
                        },
                        "geo": {
                            "map": "china",
                            "label": {
                                "emphasis": {
                                    "show": true,
                                    "color": "#fff"
                                }
                            },
                            "roam": true,
                            "itemStyle": {
                                "normal": {
                                    "areaColor": "#00186E",
                                    "borderColor": "#195BB9",
                                    "borderWidth": 1
                                },
                                "emphasis": {
                                    "areaColor": "#2B91B7"
                                }
                            }
                        },
                        "series": [{
                            "name": "西安 Top3",
                            "type": "lines",
                            "zlevel": 1,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0.7,
                                "color": "red",
                                "symbolSize": 3
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#a6c84c",
                                    "width": 0,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "西安",
                                "toName": "北京",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "上海",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "广州",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "西宁",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [101.4038, 36.8207]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "银川",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [106.3586, 38.1775]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "西安 Top3",
                            "type": "lines",
                            "zlevel": 2,
                            "symbol": ["none", "arrow"],
                            "symbolSize": 10,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0,
                                "symbol": "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z",
                                "symbolSize": 15
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#a6c84c",
                                    "width": 1,
                                    "opacity": 0.6,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "西安",
                                "toName": "北京",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "上海",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "广州",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "西宁",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [101.4038, 36.8207]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西安",
                                "toName": "银川",
                                "coords": [
                                    [109.1162, 34.2004],
                                    [106.3586, 38.1775]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "西安 Top3",
                            "type": "effectScatter",
                            "coordinateSystem": "geo",
                            "zlevel": 2,
                            "rippleEffect": {
                                "brushType": "stroke"
                            },
                            "label": {
                                "normal": {
                                    "show": true,
                                    "position": "right",
                                    "formatter": "{b}"
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": "#a6c84c"
                                },
                                "emphasis": {
                                    "areaColor": "#2B91B7"
                                }
                            },
                            "data": [{
                                "name": "北京",
                                "value": [116.4551, 40.2539, 100]
                            }, {
                                "name": "上海",
                                "value": [121.4648, 31.2891, 100]
                            }, {
                                "name": "广州",
                                "value": [113.5107, 23.2196, 100]
                            }, {
                                "name": "西宁",
                                "value": [101.4038, 36.8207, 100]
                            }, {
                                "name": "银川",
                                "value": [106.3586, 38.1775, 100]
                            }]
                        }, {
                            "name": "西宁 Top3",
                            "type": "lines",
                            "zlevel": 1,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0.7,
                                "color": "red",
                                "symbolSize": 3
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#ffa022",
                                    "width": 0,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "西宁",
                                "toName": "北京",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "上海",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "广州",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "西安",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [109.1162, 34.2004]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "银川",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [106.3586, 38.1775]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "西宁 Top3",
                            "type": "lines",
                            "zlevel": 2,
                            "symbol": ["none", "arrow"],
                            "symbolSize": 10,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0,
                                "symbol": "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z",
                                "symbolSize": 15
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#ffa022",
                                    "width": 1,
                                    "opacity": 0.6,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "西宁",
                                "toName": "北京",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "上海",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "广州",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "西安",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [109.1162, 34.2004]
                                ],
                                "value": 100
                            }, {
                                "fromName": "西宁",
                                "toName": "银川",
                                "coords": [
                                    [101.4038, 36.8207],
                                    [106.3586, 38.1775]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "西宁 Top3",
                            "type": "effectScatter",
                            "coordinateSystem": "geo",
                            "zlevel": 2,
                            "rippleEffect": {
                                "brushType": "stroke"
                            },
                            "label": {
                                "normal": {
                                    "show": true,
                                    "position": "right",
                                    "formatter": "{b}"
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": "#ffa022"
                                },
                                "emphasis": {
                                    "areaColor": "#2B91B7"
                                }
                            },
                            "data": [{
                                "name": "北京",
                                "value": [116.4551, 40.2539, 100]
                            }, {
                                "name": "上海",
                                "value": [121.4648, 31.2891, 100]
                            }, {
                                "name": "广州",
                                "value": [113.5107, 23.2196, 100]
                            }, {
                                "name": "西安",
                                "value": [109.1162, 34.2004, 100]
                            }, {
                                "name": "银川",
                                "value": [106.3586, 38.1775, 100]
                            }]
                        }, {
                            "name": "银川 Top3",
                            "type": "lines",
                            "zlevel": 1,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0.7,
                                "color": "red",
                                "symbolSize": 3
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#46bee9",
                                    "width": 0,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "银川",
                                "toName": "北京",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "广州",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "上海",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "西安",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [109.1162, 34.2004]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "西宁",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [101.4038, 36.8207]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "银川 Top3",
                            "type": "lines",
                            "zlevel": 2,
                            "symbol": ["none", "arrow"],
                            "symbolSize": 10,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "trailLength": 0,
                                "symbol": "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z",
                                "symbolSize": 15
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#46bee9",
                                    "width": 1,
                                    "opacity": 0.6,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "银川",
                                "toName": "北京",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [116.4551, 40.2539]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "广州",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [113.5107, 23.2196]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "上海",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [121.4648, 31.2891]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "西安",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [109.1162, 34.2004]
                                ],
                                "value": 100
                            }, {
                                "fromName": "银川",
                                "toName": "西宁",
                                "coords": [
                                    [106.3586, 38.1775],
                                    [101.4038, 36.8207]
                                ],
                                "value": 100
                            }]
                        }, {
                            "name": "银川 Top3",
                            "type": "effectScatter",
                            "coordinateSystem": "geo",
                            "zlevel": 2,
                            "rippleEffect": {
                                "brushType": "stroke"
                            },
                            "label": {
                                "normal": {
                                    "show": true,
                                    "position": "right",
                                    "formatter": "{b}"
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": "#46bee9"
                                },
                                "emphasis": {
                                    "areaColor": "#2B91B7"
                                }
                            },
                            "data": [{
                                "name": "北京",
                                "value": [116.4551, 40.2539, 100]
                            }, {
                                "name": "广州",
                                "value": [113.5107, 23.2196, 100]
                            }, {
                                "name": "上海",
                                "value": [121.4648, 31.2891, 100]
                            }, {
                                "name": "西安",
                                "value": [109.1162, 34.2004, 100]
                            }, {
                                "name": "西宁",
                                "value": [101.4038, 36.8207, 100]
                            }]
                        }]
                    }
                },
                "controlTimer": {},
                "controlData": {},
                "screentype": "full",
                "readDataPermission": {
                    "sel170849924746897": true
                }
            }
        },
        methods: {
            created_sys() {
                ///系统方法 判断页面大小 使其自动适应
                let $this = this;
                this.w = this.w === undefined ? 1920 : this.w;
                $this.css = $this.fullScreenCss($this, this.screentype);

                window.addEventListener("resize", () => {
                    $this.css = $this.fullScreenCss($this, this.screentype);
                });

                if (this.loadfunmounted_sys !== undefined) {
                    this.loadfunmounted_sys();
                }
            },
            loadfunmounted_sys() {}
        },
        created() {
            this.created_sys();

            if (this.loadfunmounted !== undefined) {
                this.$nextTick(() => {
                    this.loadfunmounted();
                });
            }
        },
        components: {}
    }
</script>
<style scoped>
    .dv-full-screen-container {
        transform: scale(1);
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
        transform-origin: left top;
        z-index: 499;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1920px;
        height: 1080px;
        background-color: "#040404";
        background-size: cover;
        background-repeat: no-repeat;
    }

    .div-full-screen {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bigitem {
        position: absolute;
        will-change: transform;
        overflow: hidden;
    }

    .layouttable {
        height: 100%;
        display: flex;
    }

    .layouttable .layouttable-item {
        height: 100%;
        position: relative;
        float: left;
    }

    .itemcontent {
        width: 100%;
        height: 100%;
    }
</style>
<style scoped></style>